import router from './router/index'
import store from './store'
// import { Message } from 'element-ui'
import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style
import { getToken } from '@/utils/auth' // get token from cookie
import getPageTitle from '@/utils/get-page-title'
import { canTurnTo } from '@/utils/access'

NProgress.configure({ showSpinner: false }) // NProgress Configuration

// const whiteList = ['/login'] // no redirect whitelist

const turnTo = (to, access, next) => {
  var can = canTurnTo(to.name, access, router.options.routes)
  if (can) next()
  else next({ replace: true, name: 'error_401' })
}

// 路由实例.路由拦截（异步（将要去的路由(路径)，未跳转前的路由(路径)，将要跳转的下一级路由））{
router.beforeEach(async(to, from, next) => {
  // start progress bar
  // 跳转进度条.开始（）
  NProgress.start()

  // set page title
  // 设置页面标题
  // 文档.标题字符串 = 获取页面标题（将要去的路由.元.标题）
  document.title = getPageTitle(to.meta.title)

  // 确定用户是否已登录

  // Token的定义：Token是服务端生成的一串字符串，以作客户端进行请求的一个令牌，当第一次登录后，服务器生成一个Token
  // 便将此Token返回给客户端，以后客户端只需带上这个Token前来请求数据即可，无需再次带上用户名和密码。

  // 使用Token的目的：Token的目的是为了减轻服务器的压力，减少频繁的查询数据库，使服务器更加健壮。

  // 概念：令牌的具体定义方式
  // 规定：令牌由三部分构成 “头”，“载荷”，“签名”
  // 头：包含加密算法。令牌类型等信息
  // 载荷：包含用户信息。签发时间和过期时间等信息，base64编码
  // 签名：根据头 和载荷及秘钥加密得到的哈希串Hmac Sha1 256

  // 常量 hasToken（命名） = 登录后获取的令牌方法
  const hasToken = getToken()
  // 如果（hasToken）{
  if (hasToken) {
    console.log(to.path)
    // 如果（将要去的路由.路径 === '/login(登录页面)'）{
    if (to.path === '/login') {
      // 如果已登录，则重定向到主页
      // if is logged in, redirect to the home page
      // 将要跳转的下一级路由（{路径：'/(主页面)'}）
      next({ path: '/' })
      // 跳转进度条.完成（）
      NProgress.done()
    } else {
      // 变量 userInfo(命名) = 储存(管理应用的所有组件的状态).状态.用户.名称
      var userInfo = store.state.user.name
      // 如果 （userInfo存在）{
      if (userInfo) {
        turnTo(to, store.state.user.access, next)
        //  turnTo（将要去的路由，储存.状态.用户权限数组，将要跳转的下一级路由）
      } else {
        //   } 否则{
        console.log('登录成功，已经有token，',
          '但是还没有用户信息，准备获用户信息')
        // 输出（‘登录成功，已经有token，但是还没有用户信息，准备获用户信息’）
        // dispatch：含有异步操作，数据提交至 actions ，可用于向后台提交数据
        // 储存.dispatch(发出)('user/getInfo').然后（user => {
        store.dispatch('user/getInfo').then(user => {
        // turnTo（将要去的路由，用户.用户权限数组，将要跳转的下一级路由）
          turnTo(to, user.access, next)
        })
          .catch(() => {
            console.log('获取 失败！！')
            // 储存.dispatch(发出)('user/resetTolken')
            store.dispatch('user/resetToken')
            // 将要跳转的下一级路由（‘/login’）
            next('/login')
          })
      }
    }
  } else {
    /* has no token*/
    if (to.path === '/login') {
      // in the free login whitelist, go directly
      next()
    } else {
      // other pages that do not have permission to access are redirected to the login page.
      next(`/login`)
      NProgress.done()
    }
  }
})

// const hasToken = token（令牌，获取的用户信息）
// 判断（用户信息是否为真）{
//   判断（将要去的路由 全等于 登录路径）{
//     跳转默认主界面
//     精度条结束
//   }否则{
//     var 用户信息 = 通过储存查询用户名
//     判断（用户信息存在）{
//       turnTo(将要去的路由，用户权限数组，默认下一级路由)
//     }否则{
//       去获取用户信息().then((user)=>{
//         turnTo(将要去的路由，user.用户权限数组，默认下一级路由)
//       }).catch(()=>{
//         重置令牌
//         跳转到登录页面
//       })
//     }
//   }
// }否则{
//   判断（将要去的路由 全等于 登录路径 ）{
//     跳转到默认主界面
//   }否则{
//     跳转到（登录路径）
//     进度条结束
//   }
// }
// var  hasToken  =  获取令牌()

// if(hasToken){
//   if(已经登录){
//     前往主页
//   }else{
//     var userInfo = 获取用户名()
//     if(userInfo){
//       前往下一级路由
//     }else{
//       获取用户信息().then(()=>{
//         前往下一级路由
//       }).catch(()=>{
//         刷新令牌信息()
//         回到登录页面
//       })
//     }
//   }
// }else{
//   返回登录页面
// }

router.afterEach(() => {
  // finish progress bar
  NProgress.done()
})

